<!-- power consumption chart -S -->
<section>
  <app-loading [loading]="loading"></app-loading>
  <div class="power-consumption-header">
    <p>Power Consumption<span>last update 12:33 am</span></p>
    <i class="iconfont icon-refresh" (click)="refresh()"></i>
  </div>
  <div class="power-consumption-con">
    <app-pie-chart [dataList]="dataList" class="pie-chart"></app-pie-chart>
    <ul>
      <li *ngFor="let item of dataList">

        <label>
          <i class="iconfont icon-cube" [ngStyle]="{'color': item.color}"></i>
          {{ item.name }}
        </label>
        <label>{{ item.percent }}%</label>
        <label>{{ item.value }} KW</label>
      </li>
    </ul>

  </div>
</section>
<!-- power consumption chart -E -->
